// 穿梭框重置样式
.t-transfer {
    .t-transfer__operations {
        margin: auto 12px;
        gap: 0;
        min-width: 25px;

        .t-button {
            margin-bottom: 16px;
        }
    }

    // 宽度
    .t-transfer__list {
        width: 500px;
        height: 300px;
    }

    .t-transfer__list-source,
    .t-transfer__list-target {
        border: 1px solid var(--color-border1); //边框线
        border-radius: 3px; //圆角
    }

    // 标题的宽度与高度
    .t-transfer__list-header {
        width: calc(100% - var(--td-comp-margin-s) * 2);
    }

    .t-transfer__list-header+ :not(.t-transfer__list--with-search) {
        border-top: 1px solid var(--color-border1); //内容上边框线
    }


    //当前选中的背景底色
    .t-transfer__list-item {
        border-radius: 2px;
        height: 32px;
        line-height: 32px;

        &:hover {
            background: var(--color-bk9);

            .t-checkbox__input {
                border: 1px solid var(--color-main);
            }
        }

        &.t-is-checked {
            background: var(--color-bk9);

            .t-checkbox__label {
                color: var(--color-main);
            }
        }

        .t-checkbox__label,
        .t-checkbox__label span {
            max-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }
    }

    // 向左向右箭头背景色
    .t-button--variant-outline {

        &:hover {
            border: 1px solid var(--color-main);
            background: var(--color-main);
            color: var(--color-white);
        }

        &.t-is-disabled {
            background: #eee;
            border-color: var(--color-border1);
            color: #ccc;
        }

    }

    // 点击左右箭头没有松开鼠标的样式
    .t-button:not(.t-is-disabled):not(.t-button--ghost) {
        --ripple-color: var(--color-main);
    }
}

// 自定义卡片列表
.cradList {
    .itemCon {
        margin-top: 6px;

        .headTitle {
            height: 54px;
            line-height: 54px;
            background: var(--color-aux3);
            border: 1px solid #DBE4F2;
            color: var(--color-bk2);
            border-radius: 2px;
            font-weight: 600;
            padding: 0 18px 0 12px;
            margin-bottom: 24px;
            display: flex;
        }

        .item {
            li {
                min-height: 64px;
                max-height: 100px;
                line-height: 20px;
                padding: 12px 18px 12px 12px;
                background: var(--color-white);
                color: var(--color-bk3);
                box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.07);
                border-radius: 2px;
                margin-bottom: 24px;
                position: relative;
                align-items: center;
                justify-content: center;
                display: flex;

                .con {
                    width: 100%;
                    display: flex;
                    align-items: center;

                    .textDefault {
                        margin: 0 9px;
                    }

                    .upload-demo {
                        display: inline-block;

                        .el-button--primary {
                            background: none;
                            border: 0 none;
                            color: var(--color-main);
                            padding: 0;
                            font-size: 14px;
                            font-weight: 400;
                        }
                    }
                }
            }

            .el-switch__label.is-active {
                color: var(--color-font1);
            }
        }

        .head {
            display: flex;
            align-items: center;

            img {
                width: 32px;
                height: 32px;
                border-radius: 4px;
                vertical-align: middle;

            }

            .tdesign-demo-image-viewer__ui-image {
                margin-right: 10px;
            }
        }

        .headTitle,
        .item li .con {

            &>span,
            &>div {
                padding: 0 20px;
                text-align: left;

                &.padl {
                    padding-left: 100px;
                }

                &:nth-child(1) {
                    min-width: 68px;

                }

                &:nth-child(2) {
                    min-width: 200px;
                    width: 20%;
                }

                &:nth-child(3) {
                    width: 320px;
                }

                &:nth-child(4) {
                    min-width: 150px;
                    width: 25%;
                    // flex: 1;
                }

                &:nth-child(5) {
                    min-width: 180px;
                    width: 25%;
                    // flex: 1;
                }

                &:nth-child(6) {
                    min-width: 80px;
                    // flex: 1;
                    float: right;
                    padding-right: 9px;
                    padding-left: 0;

                    span {
                        padding: 0 5px;

                        &:first-child {
                            padding-left: 0;
                        }
                    }
                }
            }
        }
    }
}

.sortIcon {
    display: flex;
    align-items: center;

    // justify-content: center;
    span {
        display: inline-block;
        width: 21px;
        height: 20px;
        margin: 0 16px 0 0;

        &.up {
            background: url(./assets/btn-up.png) no-repeat;
            background-size: contain;
            cursor: pointer;

            &:hover {
                opacity: 0.8;
            }
        }

        &.upforbid {
            background: url(./assets/btn-upforbid.png) no-repeat;
            background-size: contain;
            cursor: no-drop;
        }

        &.down {
            background: url(./assets/btn-down.png) no-repeat;
            background-size: contain;
            cursor: pointer;

            &:hover {
                opacity: 0.8;
            }
        }

        &.downforbid {
            background: url(./assets/btn-downforbid.png) no-repeat;
            background-size: contain;
            cursor: no-drop;
        }
    }
}

.editIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    background: url(./assets/editIcon.png) no-repeat;
    background-size: contain;
}

.t-dialog__ctx .dialogCenter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    padding-bottom: 40px;
}

.dialogTable {
    .t-dialog__ctx .t-dialog {

        .t-form:not(.t-form-inline) .t-form__item:last-of-type {
            position: static;
        }
    }

    .dialog-footer {
        padding-right: 12px;
        padding-top: 32px;
    }

    .t-table td {
        height: 49px;
    }
}

.funBoxDialog {
    .t-dialog {
        position: absolute;
        width: 480px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .dialog-footer {
        padding-right: 0;
        padding-bottom: 0;
    }
}

.t-table__async-loading {
    padding-top: 8px;
}

// 弹框样式


.dialogBox {
    .t-dialog {
        position: absolute;
        width: 764px;
        max-height: 700px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        .t-form {
            padding-bottom: 24px;

            .bt {
                margin-left: 24px;
            }
        }

        .t-dialog__body {
            padding-left: 28px;
            padding-right: 32px;
            padding-bottom: 0;

            .t-form {
                display: block;
            }
        }

        .t-table {
            min-width: auto;
            height: 434px;

            ::-webkit-scrollbar {
                width: 4px;
            }

        }

        .footTip {
            margin: 0 -32px;
            height: 5px;
            background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(99, 97, 96, 0.10) 100%);
        }

        .footInfo {
            text-align: center;
            color: var(--color-bk4);
            height: 50px;
            line-height: 50px;
            // line-height: 22px;
            // padding: 15px 0 14px;
            position: relative;
        }

    }

    .headBox {
        margin-bottom: 24px;
    }

    &.dialogTable {
        .t-dialog .t-dialog__body {
            padding-right: 20px;
        }

        .t-table__content {
            padding-right: 8px;
        }
    }

    .dialog-footer {
        padding-top: 32px;
    }

    .t-table__pagination {
        padding: 20px 11px 0 0;
    }

    .t-dialog__ctx .t-dialog__position.t-dialog--top {
        padding-top: 8vh;
    }

    .roomDetails {
        width: 99%;
        ul {
            display: flex;
            flex-wrap: wrap;
            padding: 0 16px 6px;

            li {
                width: 25%;
                color: var(--color-bk4);
                line-height: 22px;
                padding-bottom: 16px;

                &:nth-child(2){
                    width: 67%;
                }

                label {
                    color: var(--color-black);
                    padding-left: 10px;

                    &.font-bt5 {
                        color: var(--color-main);
                    }
                }
            }
        }
    }

    // &.roomDialog{
    //     .t-dialog{
    //         // height: 700px;
    .t-table {
        height: 425px;
    }

    //         // .footInfo{
    //         //     // margin-top: -50px;
    //         // }
    //         // .footInfo{
    //         //     position: absolute;
    //         // }
    //         // .t-dialog__body{
    //         //     position: relative;
    //         // }
    //     }
    .dialogHeight {
        height: 425px;
    }

    .t-table__content {
        height: 433px;
    }

    .heighta {
        height: 375px;
    }

    // }
}

.dialog-form {

    .t-select-input,
    .t-select-input__wrap {
        display: inline;
    }

    .t-dialog {
        position: absolute;
        width: 628px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    // .t-form__controls {
    //     position: static;
    // }



}

.tableDialog,
.dialog-form {
    .dialog-footer {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .t-dialog .t-table {
        height: 380px;
    }

    .t-input__tips--error {
        display: none;
    }
}

.scrollTable,
.roomDialog {
    .t-dialog {
        .t-table {
            tr {
                &:last-child {
                    &:hover {
                        background: none;
                    }
                }

                &:last-child td {
                    border: 0 none;

                }
            }
        }


    }

}


//   动态加input
.addInput {
    display: flex;
    align-items: center;
    margin-bottom: 10px;

    .t-input__wrap {
        margin-right: 10px;
    }

    .input-w {
        width: 332px;
    }

    .t-icon-minus-rectangle {
        color: var(--color-error);
    }

    .t-icon-add-rectangle {
        color: var(--color-main);
    }

    .t-icon {
        font-size: 22px;
        margin-left: 10px;
    }
}

.dialogHeight {
    height: 433px;
    // .t-table__content{
    //     height: 400px;
    // }
}

.heighta {
    height: 383px;
    // .t-table__content{
    //     height:350px;
    // }
}
